<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>TP6.0Demo -- 登录</title>
    <!-- 引入 Bootstrap CSS -->
    {css href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/css/layui.css"}
    {css href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/css/layui.min.css"}
    {js href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/layui.js"}
    {js href="https://cdnjs.cloudflare.com/ajax/libs/layui/2.7.6/layui.min.js"}
    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <style>
        body{
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
        }
        .loginForm{
            width: 350px;
            height: 300px;
            background-color: white;
            padding: 30px 20px;
            margin-top: 50%;
            border-radius: 5px;
            box-sizing: border-box;
        }
    </style>
</head>
<body>

<div class="layui-container">
    <div class="layui-row">
        <div class="layui-col-md4 layui-col-md-offset4">
            <div class="loginForm">
                <div class="layui-form-item">
                    <h2 style="text-align: center">管理后台</h2>
                </div>
                <form class="layui-form layui-form-pane" action="{:url('/login_check')}" method="post">
                    <div class="layui-form-item">
                        <label class="layui-form-label" for="name">用户名:</label>
                        <div class="layui-input-block">
                            <input type="text" id="name" name="name" required lay-verify="required"
                                   placeholder="请输入用户名" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <label class="layui-form-label" for="password">密码:</label>
                        <div class="layui-input-block">
                            <input type="password" id="password" name="password" required lay-verify="required"
                                   placeholder="请输入密码" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-form-item">
                        <div class="layui-form-block">
                            <button class="layui-btn layui-btn-fluid" lay-submit lay-filter="loginForm">登录</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['layer', 'form'], function () {
        var layer = layui.layer;
        var form = layui.form;

    })
</script>
<!-- 引入 JS 文件 -->
</body>
</html>